﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en-US">

<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width; initial-scale=1.0">

	<title>Gutomkanaba | <?php echo $title_for_layout; ?></title>
	<?php echo $this->Html->css(array('stylesmed'),null, array('media' => 'only screen and (max-width: 1024px)')); ?>

	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width" />
	<?php echo $this->Html->css(array('stylessm'),null, array('media' => 'only screen and (max-device-width: 480px)')); ?>
	<?php echo $this->Html->css(array('superfish','jquery.fancybox-1.3.4.css','media-queries','style')); ?>

	<!--[if IE]>
	<?php echo $this->Html->css(array('ie')); ?>
	<![endif]-->
	<!--[if IE 7]>
	<?php echo $this->Html->css(array('ie7')); ?>
	<![endif]-->
	
	<?php echo $this->Javascript->link(array('jquery','jquery.mediaqueries','jquery.masonry.min','jquery.imagesloaded.min','jquery.fullscreenbg.min','jquery.fancybox-1.3.4.pack','script')); ?>

	<style type="text/css" media="screen">
		#main {padding-top:40px;}
		#bgimg {
  		z-index:  -1;
  		visibility: hidden;
		}
	</style>

	<script type="text/javascript">
	jQuery(document).ready(function() {

		jQuery("a#single_image").fancybox();
			

		jQuery.getScript('<?php echo HOSTNAME;?>/js/jquery.fullscreenbg.min.js', function() {
			jQuery.fn.fullscreenbg({ bgID: '#bgimg' });

			jQuery(window).bind('resize', function() {
				jQuery.fn.fullscreenbg({ bgID: '#bgimg' });
			});

		});

		jQuery("a.lightbox").attr('rel', 'gallery').fancybox({			
			'overlayColor'	:	'#000',
			'titleShow'	:	false,
			'titlePosition'	:	'inside'
		});
	});
	</script>
	 <!-- media queries css -->
	<!-- css3-mediaqueries.js for IE less than 9 -->
	<!--[if lt IE 9]>
		<?php echo $this->Javascript->link(array('css3-mediaqueries')); ?>
	<![endif]-->
</head>

<body class="blue white">
<?php echo $this->element('background');?>
<div id="container" class="clearfix">
	<div id="navlist_icon" style="position:fixed;top:0px;left:0px;width:42px;height: 37px;z-index:10">
		<a id="navlist_action" href="#action" title="Open More Category" style="display:block;width:100%;height:100%;background: transparent url(<?php echo HOSTNAME;?>/img/glyphs.png) no-repeat 2px -177px;"></a>
	</div>
	<div id="searchlist_icon" title="search site" style="position:fixed;top:0px;right:41px;width:42px;height: 37px;z-index:11">
		<a id="search_action" href="#action" title="Search" style="display:block;width:100%;height:100%;background: transparent url(<?php echo HOSTNAME;?>/img/glyphs.png) no-repeat 2px -136px"></a>
	</div>
	<div id="search_input" style="background:#f9f9f9; position:fixed;top:0px;right:82px;width:220px;height: 37px;z-index:11;display:none;">
		<input type="text" name="search" id="search_term" value="search..." style="margin:4px 0px 0px 5px;width:198px" />
	</div>

	<div class="toggle_ctrl" title="see background" style="position:fixed;top:0px;right:0px;width:42px;height: 37px;z-index:11">
		<a href="#" id="main_toggle" style="display:block;width:100%;height:100%;background: transparent url(<?php echo HOSTNAME;?>/img/glyphs.png) no-repeat 2px -218px"></a>
	</div>
		

	<?php echo $this->element('header');?>

	<?php echo $this->element('navlist');?>



	<div id="main" class="clearfix">
		<?php echo $this->Session->flash(); ?>
		<?php
		/*
		echo $_SERVER['REMOTE_ADDR'];
		$ip = '80.227.99.158';
		$tags = get_meta_tags("http://www.geobytes.com/IpLocator.htm?GetLocation&template=php3.txt&IpAddress=$ip");
		//var_dump($tags); // Check the output
		echo $tags['city'] . ', +++ ' . $tags['country'];
		*/
		?>
		<?php echo $content_for_layout; ?>
	</div>

	<?php echo $this->element('footer');?>
	<a title="Go Top" id="gotop" href="#">&nbsp;</a>
</div>
<?php echo $this->element('sql_dump'); ?>
</body>
</html>